<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet"  href="./css/index.css">
    <link rel="stylesheet"  href="./css/base.css">

</head>
<body>
    <!-- 版心 -->
    <div class="container">
        <!-- logo -->
        <div class="logo">
            <a href="#"><img src="./images/卧龙控股商标.jpg" alt=""></a>
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;            
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;            
            &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;            
                 

            <input type="text" placeholder="SEARCH">
        </div>
        <!-- 导航 -->
        <div class="nav">
            <ul>
                <li class="first"><a href="#">集团介绍</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">卧龙市场</a></li>
                <li><a href="#">技术研发</a></li>
                <li><a href="#">国际合作</a></li>
                <li><a href="#">投资者关系</a></li>
                <li><a href="#">新闻资讯</a></li>
                <li class="last"><a href="#">人力资源</a></li>
            </ul>
        </div>
        <!-- 轮播图 -->
        <div class="banner">
            <img src="./images/轮播图.jpg" alt="">
        </div>
        <!-- 新闻 -->
        <div class="news">
            <div class="new1">
                <div class="space">  </div>
                <span class="new1head">&emsp;新闻资讯</span>
                <div class="space"></div>
                <div class="mark"></div><span class="new1_con">陈建成董事长出席ATB集团召开年度销售大会<span class="time">2013-07-30</span></span>
                <br>
                <div class="mark"></div><span class="new1_con">中国电器工业协会分马力电机分会在卧龙召开理事长...<span class="time1">2013-07-30</span></span>
                <br>
                <div class="mark"></div><span class="new1_con">陈建成董事长访问中国驻德大使馆<span class="time2">2013-07-30</span></span>
                <br>
                <div class="mark"></div><span class="new1_con">企业文化是企业持续经营的关键要素<span class="time3">2013-07-30</span></span>
                <br>
                <div class="mark"></div><span class="new1_con">陈建成董事长在ATB集团2013年销售会议是发表重要...<span class="time4">2013-07-30</span></span>
                <br>
                <div class="mark"></div><span class="new1_con">喜迎七一 唱响卧龙 年轻力量激发企业持久活力 卧龙举...<span class="time5">2013-07-30</span></span>
            </div>
            <div class="new2">
                <div class="new2_title">卧龙介绍</div>
                <div class="new2_content">公司成立于1984年，</div>
                <div class="new2_content2">经过近30年的发展</div>
                <div class="new2_content3">已成为电气制造,房地产开发和金融<br>投资三业并举的综合性跨国...</div>
            </div>
            <div class="new3">
                <div class="new3_title">人才招聘</div>
                <div class="new3_content">培养一流的人才，铸造一流的工程
                    <br>实现员工与企业的共同发展
                </div>
                <img src="/images/more.jpg" id="more">
                <img src="./images/盆栽.jpg" id="plant">
            </div>
        </div>
        <!-- 市场 -->
        <div class="market">
            <div class="market_title">卧龙市场</div>
            <div class="m1">
                <img src="./images/地铁.jpg" alt="">
                <div class="t1">交通轨道 : 由于主要采用电器牵引，而<br>且轮轨摩擦阻力较小，与公共...</div>
            </div>
            <div class="m1">
                <img src="./images/风车.gif" alt="">
                <div class="t1">节能环保 : 由于不断上涨的能源消耗和<br>我们的专业知识，维护可持续...</div>
            </div>
            <div class="m1">
                <img src="./images/飞机.gif" alt="">
                <div class="t1">航空与船舰 : 如果你是在公海行驶，你<br>需要确保你的船只的电力系统...</div>
            </div>
            <div class="m1">
                <img src="./images/海上油井.jpg" alt="">
                <div class="t1">石油、天然气及采矿 : 在市场中的安全<br>性，可靠性，效率和最短的停机...</div>
            </div>
        </div>
        <!-- about -->
        <div class="about">
            <div class="about_title">产品中心<span></span>技术研发&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;营销网络</div>
            <div class="about1">
                <hr>
                <div class="about_con">
                    &nbsp;&gt;&nbsp;汽车电机&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;工业驱动和自动化&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;电池电源
                    <br>
                    &nbsp;&gt;&nbsp;日用电机&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;高压变频和系统集成&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;输变电设备
                    <br>
                    &nbsp;&gt;&nbsp;特种电机&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;混泥土搅拌机&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;楼盘信息
                    <br>
                    &nbsp;&gt;&nbsp;大功率电机&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;电动车辆&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&nbsp;&gt;&nbsp;金融产品
                    <br>    
                    &nbsp;&gt;&nbsp;电工设备
                </div>
            </div>
            <div class="about2">
                <hr>
                <div class="about_con2">
                    &nbsp;&gt;&nbsp;科技力量<br>
                    &nbsp;&gt;&nbsp;先进设备<br>
                    &nbsp;&gt;&nbsp;研发创新<br>
                    &nbsp;&gt;&nbsp;工艺流程<br>
                </div>
            </div>
            <div class="about3">
                <hr>
                <img src="./images/地图.gif" alt="">
            </div>
        </div>
        <!-- 底部 -->
        <div class="foot">
            <span>网站地图 | 联系我们 | 关注卧龙 | 采购系统入口&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
                COPYRIGHT &COPY; 2013 卧龙控股集团 版权所有 浙ICP备06005901号 技术支持 ：博采互动&emsp;&emsp;分享到 ：<img src="./images/图标.gif" alt="">
            </span>
        </div>
    </div>
</body>
</html>